body{
	margin: 0px;
	border: 0px;
	padding: 0px;
	overflow: hidden;
}
.leftPanel{
	width:99px;
	height:100%;
	float:left;
	border-right: 1px solid #000;
}
.leftPop,.canvasPop{
	width:100px;
	display:none;
	position:absolute;
}
.attrEditPop{
	display: none;
	z-index: 999 !important;
	width: 20%;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	background: #dce3ed;
}
.attrEditPop_head{
	width: 100%;
	height: 50px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.attrEditPop_head>div{
	line-height: 50px;
    width: 100%;
    text-align: center;
    font-size: 35px;
}
.attrEditPop_head>button{
	cursor: pointer;
	position: fixed;
    right: 0px;
    top: 15px;
    border-radius: 15px;
    width: 25px;
    height: 25px;
    border: 0px;
    background: white;
    font-size: 25px;
    line-height: 25px;
    text-align: center;
    margin-right: 10px;
}
.attrEditPop_body{
	width: 100%;
	height: calc(100% - 50px);
	float: left;
	margin: 0px;
	padding: 0px;
}
.attrEditPanel{
	width: 100%;
	height: 35px;
	float: left;
	background: #ccc;
	margin: 5px;
}
.attrEditPanel_att{
	width: 20%;
	height: 100%;
	float: left;
	margin: 0px;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
}
.attrEditPanel_edit{
	width: 80%;
	height: 100%;
	float: left;
	margin: 0px;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
}
.input0{
	border-radius:5px;height:calc(100% - 10px);margin:5px;width:calc(40% - 10px);
}
.range0{
	border-radius:5px;height:calc(100% - 10px);margin:5px;width:calc(60% - 10px);
}
.input1{
	border-radius:5px;
	height:calc(100% - 10px);
	margin:5px;
	width:calc(100% - 10px);
}
.select0{
	border-radius:5px;
	height:calc(100% - 10px);
	margin:5px;
	width:calc(100% - 10px);
}
.check0{
	border-radius:5px;
	height:calc(100% - 10px);
	margin:5px 0px 5px 0px;
	width:20px;
}
.attrLine{
    height: 50%;
    border-bottom: 1px #000 solid;
    width: 60px;
    float: left;
    line-height: 20px;
    cursor: pointer;
}
.color0{
	border-radius:5px;
	height:calc(100% - 10px);
	margin:5px;
	width:calc(33% - 10px);
}
.color1{
	border-radius:5px;
	height:calc(100% - 10px);
	margin:5px;
	width:calc(25% - 10px);
}
.trackButton{
	border-radius:5px;
	background:white;
	color:black;
	float:left;
	width:100%;
	height:35px;
	cursor: pointer;
}
.trackParent{
	width:100%;
	height:calc(100% - 60px);
	float:left;
	overflow: hidden;
}
/*.trackParent::-webkit-scrollbar {
	width: 5px;
	height: 1px;
}
.trackParent::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: skyblue;
	background-image: -webkit-linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.2) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.2) 50%,
		rgba(255, 255, 255, 0.2) 75%,
		transparent 75%,
		transparent
	);
}
.trackParent::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #ededed;
	border-radius: 10px;
}*/

input{
	height:20px;
	text-align:center;
	border: 0px;
	float: left;
	margin: 0px;
	padding: 0px;
}

.canvasDiv{
	width: calc(100% - 100px);
	height: 240px;
	float: left;
	position: relative;
	overflow: hidden;
}
.timeline{
	width:100%;
	height:300px;
	border:1px solid #000;
}